new Vue({
	el: "#footer-area",
	data: {},
	methods: {},
	components: {
		"fixed-right-div": {
			template: 
			`
				<div id="fixed-right-div">

				<div id="page-tpggle">
					<a href="javascript:;">
						<i class="fa fa-refresh"></i>
						<br />
						<span>
						页面<br />切换
					</span>
					</a>
					<div class="position-absolute">
						<a id="prev-page" onclick="history.back();" href="javascript:;" title="回到上一页，上一个页面">
							<i class="fa fa-mail-reply"></i>
							<p>上一页</p>
						</a>

						<a id="next-page" onclick="history.go(1);" href="javascript:;" title="去到下一页，下一个页面">
							<i class="	fa fa-mail-forward"></i>
							<p>下一页</p>
						</a>
					</div>
				</div>
				<div id="index-page">
					<a href="../index.html">
						<i class="fa fa-home"></i>
						<p>首页</p>
					</a>

				</div>
				<div id="contact-us">
					<a href="javascript:;">
						<i class="fa fa-address-book"></i>
						<p><strong>客服</strong></p>
					</a>
					<div id="other-contact-ways" class="position-absolute">
						<span class="triangle"></span>
						<p>
							<a href="tel: 1008">
								<i class="fa fa-phone-square"></i> 电话：100883301122
							</a>
						</p>
						<p>
							<a href="mailto: 123456@163.com">
								<i class="fa fa-envelope-square"></i>邮箱：123456@163.com
							</a>
						</p>

					</div>
				</div>
				<div id="look-time" title="查看时间">
					<a href="javascript:;">
						<i class="fa fa-history"></i>
						<br />时间
					</a>
					<div class="position-absolute">

					</div>
				</div>
				<div id="toTop" title="回到顶部，back to top">
					<button type="button">
					回到
					<br />顶部
				</button>
				</div>
			</div>
				
			`
		}
		
	}
});